<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>设备报修 - 报修进度</title>

    <!-- Meta -->
    <meta charset="utf-8">
     
	
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/style.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/footers/footer-v1.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/headers/header-default.css">
      
    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/bootstrap/bootstrap.min.css">

    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/icon-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/icon-line-pro/style.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/icon-hs/style.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/animate.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/hs-megamenu/src/hs.megamenu.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/vendor/hamburgers/hamburgers.min.css">

    <!-- CSS Unify -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/unify_plus/assets/css/unify.css">
    
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/plugins/toastr/toastr.min.css">

	<!-- 自己的css -->
	<link rel="stylesheet" href="${pageContext.request.contextPath }/my-css/base.css">
	<!-- 版本兼容 -->
	<link rel="stylesheet" href="${pageContext.request.contextPath }/my-css/version.css">
  </head>

  <body>
  <div class="wrapper">
     <!--=== Header ===-->    
     <jsp:include page="header.jsp" flush="true"></jsp:include>
    <!--=== End Header ===-->
</div>


    <main>
       
      <!-- Breadcrumbs -->
      <section class="g-bg-gray-light-v5 g-py-80">
        <div class="container text-center">
          <h2 class="h2 g-color-black g-font-weight-600">报修进度</h2>

          <ul class="u-list-inline">
            <li class="list-inline-item g-mr-5">
              <a class="u-link-v5 g-color-gray-dark-v5 g-color-primary--hover" href="index.html">首页</a>
              <i class="g-color-gray-light-v2 g-ml-5">/</i>
            </li>
            <li class="list-inline-item g-color-primary">
              <span>报修进度</span>
            </li>
          </ul>
        </div>
      </section>
      <!-- End Breadcrumbs -->

       
      <!-- Page Title -->

      <section class="g-pt-50 g-pb-90">
        <div class="container" id="processInfo">
          
        </div>


		 
      </section>

 
       
       
       <div class="modal inmodal fade" id="submitAddressModal" tabindex="-1"
				role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg"><!-- modal-lg -->
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">提交维修地址</h4>
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="col-sm-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<form class="form-horizontal myForm" id="submitAddressForm" >
									<input type="hidden"  name="id" />
									<div class="form-group">
										<label class="col-sm-3 control-label" >所在地区：</label>
										<div class="col-sm-9">
										    <div class="form-group form-inline" style="margin: 0 auto;">
												<div data-toggle="distpicker" id="distpicker">
										          <select class="form-control" name="province"></select>
										          <select class="form-control" name="city"></select>
										          <select class="form-control" name="district"></select>
										        </div>
										    </div>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" >详细地址：</label>
										<div class="col-sm-8">
											<textarea class="form-control" name="billAddressDetail" placeholder="建议如实填写详细维修地址，例如街道名称，门牌号码，楼层和房间号等信息"></textarea>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>

				<div class="modal-footer">
					<button class="btn-u btn-u-blue" onclick="submitAddressSave()">提交</button>
					<button class="btn" data-dismiss="modal" >关闭</button>
				</div>
			</div>
		</div>
	</div>
	
	
	<div class="modal inmodal fade" id="assessModal" tabindex="-1"
				role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg"><!-- modal-lg -->
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">报修评价</h4>
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="col-sm-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<form class="form-horizontal myForm" id="assessForm" >
									<input type="hidden"  name="id" />
									 
									<div class="form-group">
										<label class="col-sm-3 control-label" >报修评价：</label>
										<div class="col-sm-8">
											<textarea class="form-control" name="billAssess" placeholder="输入您对此次报修流程的评价"></textarea>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>

				<div class="modal-footer">
					<button class="btn-u btn-u-blue" onclick="assessSave()">提交</button>
					<button class="btn" data-dismiss="modal" >关闭</button>
				</div>
			</div>
		</div>
	</div>
    </main>


	<div class="wrapper">
	
	    <!--=== Footer Version 1 ===-->
	     <jsp:include page="footer.jsp" flush="true"></jsp:include>
	    <!--=== End Footer Version 1 ===-->
	</div><!--/wrapper-->
    <script src="${pageContext.request.contextPath }/unify_plus/assets/vendor/jquery/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/vendor/jquery-migrate/jquery-migrate.min.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/vendor/tether.min.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/vendor/bootstrap/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/assets/plugins/sky-forms-pro/skyforms/js/jquery.validate.min.js"></script>
	<script src="${pageContext.request.contextPath }/assets/plugins/sky-forms-pro/skyforms/js/messages_zh.min.js"></script>
    

    <!-- JS Implementing Plugins -->
    <script src="${pageContext.request.contextPath }/unify_plus/assets/vendor/appear.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/vendor/dzsparallaxer/dzsparallaxer.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/vendor/dzsparallaxer/dzsscroller/scroller.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/vendor/dzsparallaxer/advancedscroller/plugin.js"></script>

    <!-- JS Unify -->
    <script src="${pageContext.request.contextPath }/unify_plus/assets/js/hs.core.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/js/helpers/hs.hamburgers.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/js/components/hs.header.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/js/components/hs.tabs.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/js/components/hs.rating.js"></script>
    <script src="${pageContext.request.contextPath }/unify_plus/assets/js/components/hs.go-to.js"></script>

    <!-- JS Customization -->
    <script src="${pageContext.request.contextPath }/unify_plus/assets/js/custom.js"></script>

     
    
        
	<!-- 格式化时间 -->
	<script src="${pageContext.request.contextPath }/assets/js/plugins/moment.js"></script>
	
	<script src="${pageContext.request.contextPath }/assets/js/plugins/distpicker/distpicker.data.js"></script>
	<script src="${pageContext.request.contextPath }/assets/js/plugins/distpicker/distpicker.js"></script>
	
	<script src="${pageContext.request.contextPath }/assets/js/plugins/toastr/toastr.min.js"></script>
    <script>
    	$("#distpicker").distpicker({
   			    province: '---- 选择省 ----',
   			    city: '---- 选择市 ----',
   			    district: '---- 选择区 ----'
   			}
       );
    </script>
    
    <!--自己的js-->
	<script src="${pageContext.request.contextPath }/my-js/common.js"></script>
	<script src="${pageContext.request.contextPath }/my-js/web-inf/process.js"></script>
  </body>
</html>
